   
    {include file='public/head,public/nav'}
    

    <div class="container">
        <div class="top-container">
            <div class="mid-area">
                <div class="slide-holder" id="slide-holder">
                    <a href="#" class="slide-prev"><i class="slide-arrow-left"></i></a>
                    <a href="#" class="slide-next"><i class="slide-arrow-right"></i></a>
                    <ul class="slideshow">
                        {volist name='mainFeatureds' id='vo'  length='5'}
                        <li><a href="{:url('lists/index',['id' => $vo.id])}" class="item-large"><img class="ad-pic" src="{$vo.image}" /></a></li>
                        {/volist}
                    </ul>
                </div>
                <div class="list-container">
                    
                </div>
            </div>
        </div>
        <div class="right-sidebar">
            <div class="right-ad">
                <ul class="slidepic">
                    {volist name='rightFeatureds' id='vo' length='1'}
                    <li><a href="{:url('lists/index',['id' => $vo.id])}"><img src="{$vo.image}" /></a></li>
                    {/volist}
                </ul>
            </div>
            
        </div>
        <div class="content-container">
            <div class="no-recom-container">
                <div class="floor-content-start">
                    {volist name='featuredDeals' id='vo' key='k'}
                    <div class="floor-content">
                        <div class="floor-header">
                            <h3>{$featuredCategorys[$k-1]->name}</h3>
                            <ul class="reco-words">
                                {volist name='seFeaturedCategorys[$k-1]' id='vo2'}
                                <li><a href="{:url('lists/index',['id'=>$vo2->id,'parentId' =>$vo2.parent_id])}" target="_blank">{$vo2->name}</a></li>
                                {/volist}
                                <li><a href="{:url('lists/index',['id'=>$featuredCategorys[$k-1]->id])}" class="no-right-border no-right-padding" target="_blank">全部<span class="all-cate-arrow"></span></a></li>
                            </ul>
                        </div>
                        <ul class="itemlist eight-row-height">
                            {volist name='vo' id='vo1'}
                            <li class="j-card">
                                <a href="{:url('detail/index',['id'=>$vo1.id])}" target="_blank">
                                    <div class="imgbox">
                                        <ul class="marketing-label-container">
                                            <li class="marketing-label marketing-free-appoint"></li>
                                        </ul>
                                        <div class="range-area">
                                            <div class="range-bg"></div>
                                            <div class="range-inner">
                                                <span class="white-locate"></span>
                                                安贞 六里桥 丽泽桥 安定门 劲松 昌平镇 航天桥 通州区 通州北苑
                                            </div>
                                        </div>
                                        <div class="borderbox">
                                            <img src="{$vo1.image}" />
                                        </div>
                                    </div>
                                </a>
                                <div class="contentbox">
                                    <a href="{:url('detail/index',['id'=>$vo1.id])}" target="_blank">
                                        <div class="header">
                                            <h4 class="title ">{$vo1.location_ids|countLocation}</h4>
                                        </div>
                                        <p>{$vo1.name}</p>
                                    </a>
                                    <div class="add-info"></div>
                                    <div class="pinfo">
                                        <span class="price"><span class="moneyico">¥</span>{$vo1.current_price}</span>
                                        <span class="ori-price">市场价<span class="price-line">¥<span>{$vo1.origin_price}</span></span></span>
                                    </div>
                                    <div class="footer">
                                        <span class="comment">4.6分</span><span class="sold">已售{$vo1.buy_count}</span>
                                        <div class="bottom-border"></div>
                                    </div>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
    </div>

    <div class="footer-content">
        <div class="copyright-info">
            
        </div>
    </div>

    <script>
        var width = 800 * $("#slide-holder ul li").length;
        $("#slide-holder ul").css({width: width + "px"});

        //轮播图自动轮播
        var time = setInterval(moveleft,5000);

        //轮播图左移
        function moveleft(){
            $("#slide-holder ul").animate({marginLeft: "-737px"},600, function () {
                $("#slide-holder ul li").eq(0).appendTo($("#slide-holder ul"));
                $("#slide-holder ul").css("marginLeft","0px");
            });
        }

        //轮播图右移
        function moveright(){
            $("#slide-holder ul").css({marginLeft: "-737px"});
            $("#slide-holder ul li").eq(($("#slide-holder ul li").length)-1).prependTo($("#slide-holder ul"));
            $("#slide-holder ul").animate({marginLeft: "0px"},600);
        }

        //右滑箭头点击事件
        $(".slide-next").click(function () {
            clearInterval(time);
            moveright();
            time = setInterval(moveleft,5000);
        });

        //左滑箭头点击事件
        $(".slide-prev").click(function () {
            clearInterval(time);
            moveleft();
            time = setInterval(moveleft,5000);
        });
    </script>
</body>
</html>